@charset "UTF-8";
/*
@authors Chu Jing (1404135738@qq.com)
@date    2017-10-24 10:22:29
@version $Id$
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}/* 初始化标签在所有浏览器中的margin、padding值 */
body{font-family:"Microsoft YaHei","Arial","Helvetica","sans-serif";text-align:left;background:#fff;font-size:14px;}/* 重置body在浏览器中的字体、背景颜色、文字大小 */
dl,ul,ol,menu,li {list-style:none}/* 重置类表前导符号为onne,menu在HTML5中有效 */
fieldset,img {border:0 none}/* 重置fieldset（表单分组）、图片的边框为0 */ 
input,select,textarea,button{vertical-align:middle;outline:0;/* appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0); */}/* 重置表单控件垂直居中 */
button{border:0 none;background-color:transparent;cursor:pointer}/* 重置表单button按钮效果 */
textarea{resize:none;overflow:auto;}
table{width:100%;border-spacing:0;}/* 重置table表格样式、宽度100% */
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-o-tap-highlight-color:rgba(0, 0, 0, 0);tap-highlight-color:rgba(0, 0, 0, 0);}/* 取消a标签点击后的虚线框 */
a:active,a:hover{text-decoration:none;}
*:focus{outline:none;}

/* 样式重置 */

/* 兼容iphone4/4s */

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
    html{ font-size: 32px; }
}
@media only screen and (max-width: 320px){
    html{ font-size: 32px; }
}
@media only screen and (min-width: 321px) and (max-width: 346px){
    html{ font-size: 34.6px; }
}
@media only screen and (min-width: 347px) and (max-width: 360px){
    html{ font-size: 36px; }
}
@media only screen and (min-width: 361px) and (max-width: 375px){
    html{ font-size: 37.5px;}
}
@media only screen and (min-width: 376px) and (max-width: 384px){
    html{ font-size: 38.4px; }
}
@media only screen and (min-width: 385px) and (max-width: 390px){
    html{ font-size: 39px; }
}
@media only screen and (min-width: 391px) and (max-width: 400px){
    html{ font-size: 40px; }
}
@media only screen and (min-width: 401px) and (max-width: 412px){
    html{ font-size: 41.2px; }
}
@media only screen and (min-width: 413px) and (max-width: 414px){
    html{ font-size: 41.4px; }
}
@media only screen and (min-width: 415px) and (max-width: 427px){
    html{ font-size: 42.7px; }
}
@media only screen and (min-width: 428px) and (max-width: 432px){
    html{ font-size: 43.2px; }
}
@media only screen and (min-width: 433px) and (max-width: 480px){
    html{ font-size: 48px; }
}
@media only screen and (min-width: 481px) and (max-width: 505px){
    html{ font-size: 50.4px; }
}
@media only screen and (min-width: 506px) and (max-width: 605px){
    html{ font-size: 60.4px; }
}
@media only screen and (min-width: 606px) and (max-width: 641px){
    html{ font-size: 64px; }
}
@media only screen and (min-width: 642px) and (max-width: 720px){
    html{ font-size: 72px; }
}
@media only screen and (min-width: 721px) and (max-width: 768px){
    html{ font-size: 76.8px; }
}
@media only screen and (min-width: 769px) and (max-width: 800px){
    html{ font-size: 80px; }
}
@media only screen and (min-width: 801px) and (max-width: 1025px){
    html{ font-size: 102.4px; }
}
@media only screen and (min-width: 1026px){
    html{ font-size: 102.6px; }
}
@media only screen and (min-width: 1279px){
    html{ font-size: 127.9px; }
}
@media only screen and (min-width: 1439px){
    html{ font-size: 143.9px; }
}
@media only screen and (min-width: 1599px){
    html{ font-size: 159.9px; }
}

/* 媒体查询 */

.clear{clear:both;}/* 清除浮动 */
.none{display:none;}/* 隐藏 */
.wrap{width:1200px;margin:auto;overflow:hidden;}/* pc端才用width值根据需求改 */
.color_red{color:#ff0000;}/* 字体红色 */
.color_yellow{color:#ffbf00;}/* 字体黄色 */
.color_green{color:#008000;}/* 字体绿色 */
.color_blue{color:#0055aa;}/* 字体蓝色 */
.background_red{background:#ff0000;color:#fff;}/* 背景红色 字体白色 */
.background_yellow{background:#ffbf00;color:#fff;}/* 背景黄色 字体白色 */
.background_green{background:#008000;color:#fff;}/* 背景绿色 字体白色 */
.background_blue{background:#0055aa;color:#fff;}/* 背景蓝色 字体白色 */


/* 公用样式 */